<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>二级码名片</title>
    <link rel="stylesheet" href="../../fonts/font_awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../js/mui/css/mui.min.css">
    <link rel="stylesheet" href="../../css/mui-app-style.css">
    <style>
        .qrMain{
            margin:100px auto 50px;
        }
       .qrcode-control{
           width:200px;
           height:200px;
           position: relative;
           margin:0 auto;
       }
       .qrcode-control .image{
           width:50px;
           position: absolute;
           left:50%;
           top:50%;
           margin:-25px 0 0 -25px;
           overflow: hidden;
       }
       .qrcode-control .image img{
           border-radius: 5px;
           /*border:1px solid red;*/
       }
       .qrcode-control__txt{
           color: #cccccc;
           padding:10px 0;
       }
        .mui-table-view-cell .fa{
            margin-right:10px;
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
    <h1 class="mui-title"><!--二级码名片--></h1>
</header>
<div class="mui-content">
    <div class="mui-card">
        <div class="qrMain mui-text-center">
            <div class="qrcode-control">
                <div id="qrcode"></div>
                <div class="image">
                    <img src="../../images/logo.png" width="50" alt="">
                </div>
            </div>
            <div class="qrcode-control__txt">扫码即可注册</div>
        </div>
        <ul class="mui-table-view">
            <li class="mui-table-view-cell">
                <span class="fa fa-phone-square"></span>13042344567
            </li>
            <li class="mui-table-view-cell">
                <span class="fa fa-user-circle-o"></span>张三
            </li>
        </ul>
    </div>
    <div class="mui-button-forms">
        <button type="button" id="submit" class="mui-btn mui-btn-primary mui-btn-block">邀请服务商加入</button>
    </div>
</div>
<script src="../../js/mui/js/mui.min.js"></script>
<script src="../../js/mui-qrcode/qrcode.min.js"></script>
<script src="../../js/common/crypto-js.js"></script>
<script src="../../js/common/common.js"></script>
<script>
    mui.ready(function () {
        // 设置参数方式
        var qrcode = new QRCode('qrcode', {
            text: '注册链接',
            width: 200,
            height: 200,
            colorDark : '#000000',
            colorLight : '#ffffff',
            correctLevel : QRCode.CorrectLevel.H
        });

        // 邀请服务商加入
        mui('.mui-button-forms').on("tap","#submit",function () {
            mui.confirm("请使用右上角微信分享",function (obj) {
                console.log(obj)
                if(obj.index=='1'){
                    // 分享页面
                    location.href = "../../pages/login/register_yq.html"
                }
            })
        })
    })
</script>
</body>
</html>